<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../static/css/index.css">
    <script type="text/javascript" src="../static/js/jquery-3.4.1.js"></script>

    <script type="text/javascript" src="../static/js/dl.js"></script>

</head>

<body>

    <!-- 搭建结构 -->
    <div class="container switch">

        <div class="container-form container-signup" id="form2">
            <form action="" class="form">
                <h2 class="form-title">教师登录</h2>
                <input type="text" placeholder="账号" class="input" id="teacherNum">
                <input type="password" placeholder="密码" class="input" id="teacherPaw">
                <a href="javascript:void(0);">忘记密码</a>

                <button class="submit2" id="teacherLogin">登录</button>
                <div class="submit2" id="fadeIn2">注册</div>


            </form>
        </div>
        <div class="stu-register">
            <form action="" class="form">
                <h2 class="form-title">学生注册</h2>
                <input type="text" placeholder="账号" class="input">
                <input type="password" placeholder="密码" class="input">
                <a href="javascript:void(0);">忘记密码</a>
                <div id="fadeOut" class="submit2">注册</div>


            </form>
        </div>
        <!-- 登录页面 -->
        <div class="container-form container-signin">
            <form action="javascript:void(0);" class="form">
                <h2 class="form-title">学生登录</h2>
                <input type="text" placeholder="账号" class="input">
                <input type="password" placeholder="密码" class="input">
                <a href="javascript:void(0);">忘记密码</a>

                <button class="submit2">登录</button>
                <button class="submit2" id="fadeIn">注册</button>

            </form>
        </div>
        <div class="tea-register">
            <form action="" class="form">
                <h2 class="form-title">教师注册</h2>
                <input type="text" placeholder="账号" class="input" id="teacherRegisterNum">
                <input type="password" placeholder="密码" class="input" id="teacherRegisterPas">
                <a href="javascript:void(0);">忘记密码</a>
                <div class="submit2" id="fadeOut2">注册</div>

            </form>
        </div>
        <!-- 覆盖层 -->
        <div class="container-overlay">
            <div class="overlay">
                <div class="overlay-slide overlay-left">
                    <button class="submit" id="goSignIn">学生登录</button>
                </div>
                <div class="overlay-slide overlay-right">
                    <button class="submit" id="goSignUp">教师登录</button>
                </div>
            </div>
        </div>
    </div>
</body>

</html>
<!-- 结构搭建完成 -->